/* ==================== 全局主题变量 ==================== */
.video-button-view {
    -fx-padding: 2px;
    -fx-font-size: 13px;
    -fx-background-color: rgba(212, 224, 245, 0.2);

    -kun-font-size: 13px;
    -kun-text-size: 13px;
    -kun-primary: #40a9ff; /* 主色调（按钮/焦点状态） */
    -kun-primary-dark: #096dd9; /* 主色调加深（按压状态） */
    -kun-primary-light: #e6f7ff; /* 主色调浅色（背景/轨道） */
    -kun-text: #333; /* 主要文本颜色 */
    -kun-text-secondary: #666; /* 次要文本颜色 */
    -kun-font-color: #1890ff;
    -kun-border: #d9d9d9; /* 边框颜色 */
    -kun-radiusss: 5px; /* 通用圆角 */
}

/* ==================== 基础控件样式 ==================== */
/* 按钮 */
.kun-button {
    -fx-pref-width: 100px;
    -fx-pref-height: 30px;
    -fx-border-color: -kun-border;
    -fx-border-width: 1px;
    -fx-border-radius: 5px;
    -fx-background-color: -kun-primary-light;
    -fx-text-fill: -kun-font-color;
    -fx-background-radius: 5px;
    -fx-font-size: 13px;
}

.button:hover {
    -fx-background-color: #c9f1ff;
}

.button:pressed {
    -fx-background-color: -kun-primary-dark;
}

/* 标签 */
.label {
    -fx-text-fill: -kun-text;
    -fx-font-size: 13px;
}

.label.title {
    -fx-font-size: 13px;
    -fx-font-weight: bold;
}

/* ==================== 滚动条全局样式 ==================== */

/* ==================== 特殊定制组件 ==================== */
/* 带图标的按钮 */
.icon-button {
    -fx-graphic-text-gap: 8px;
    -fx-background-color: transparent;
}

.icon-button:hover {
    -fx-background-color: #e6f7ff;
}